<template>
    <div class="demo-button">
        <pl-button label="label" @click="handleClick"/>
        <pl-button>Button</pl-button>
        <h4>状态</h4>
        <pl-button 
            v-for="item in ['primary','success','warn','error','info']" 
            :label="item"
            :key="item" 
            :status="item"
        />
    </div>
</template>

<script>
    export default {
        name: 'demo-button',
        setup() {
            return {
                handleClick: () => {
                    console.log('handleClick')
                }
            }
        }
    }
</script>

<style lang='scss' scoped>
.demo-button {
    .pl-button {
        margin-right: 8px;
    }
}
</style>